<template>
    <div class="table-page">
        <div class="table-data-box">
            <el-table
                ref="table"
                v-loading="tableLoading"
                :data="tableData"
                border
                style="width: 100%;min-height:40em"
                row-key="id"
            >

                <el-table-column
                    prop="categoryName"
                    label="科目名称"
                    min-width="200"
                ></el-table-column>

                <el-table-column
                    prop="name"
                    label="栏目名称"
                    min-width="200"
                ></el-table-column>
                <el-table-column prop="name" label="栏目类型" min-width="200">
                    <template slot-scope="scope">
                        <k-tag :tag="columnType[scope.row.type]"></k-tag>
                    </template>
                </el-table-column>
            </el-table>
        </div>
        <div v-if="pageData.total" class="xy-between table-page-box">
            <el-pagination
                background
                :current-page.sync="pageData.currentPage"
                :page-sizes="pageData.pageSizes"
                :page-size.sync="pageData.pageSize"
                layout="total,  prev, pager, next, sizes, jumper"
                :total="pageData.total"
            >
            </el-pagination>
        </div>

    </div>
</template>

<script>
import { TablePage } from "@/layout/mixin/iVue.js";
import { mapState } from "vuex";
import { get, put, post } from "@/api/request";
import { ossUpload } from "@/utils/file";

export default {
    name: "AgentLevelList",
    components: {},
    mixins: [TablePage],
    props: {
        orderId: {
            type: String,
            default: null
        },
    },
    data() {
        return {
            queryData: {
                orderId:this.orderId
            },
            initAddForm: {
                name: null,
                code: null,
                icon: null,
                discount: null
            },
            oldCode: null,
            base64Logo: null,
        };
    },
    computed: {
        ...mapState({
            columnType: state => state.status.columnType
        })
    },
    watch: {},
    created() {},
    mounted() {},
    methods: {
        search(queryData) {
            this.loadTable("/order/or/order/agent/open-detail", queryData);
        },
    }
};
</script>

<style lang="scss" scoped>
.school-logo {
    .logo-uploader-icon {
        font-size: 28px;
        color: #8c939d;
        width: 108px;
        height: 108px;
        line-height: 108px;
        text-align: center;
    }

    .logo-img {
        width: 108px;
        height: 108px;
        display: block;
    }
}

.table-edit-from {
    .address-select {
        width: 8em;
        margin-right: 2em;
    }
}
</style>
<style>
.school-logo .logo-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.school-logo .logo-uploader .el-upload:hover {
    border-color: #409eff;
}
</style>
